﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.1 睡眠日志</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_1_睡眠日志/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/3_1_睡眠日志/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u1423" class="ax_default _形状" data-label="Rectangle">
        <div id="u1423_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1424" class="ax_default" data-left="585" data-top="34" data-width="345" data-height="19">

        <!-- Unnamed (组合) -->
        <div id="u1425" class="ax_default" data-left="891" data-top="34" data-width="30" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u1426" class="ax_default _形状">
            <div id="u1426_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1427" class="ax_default _形状">
            <div id="u1427_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1428" class="ax_default _形状">
            <div id="u1428_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1429" class="ax_default image">
          <img id="u1429_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1430" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1430_div" class=""></div>
          <div id="u1430_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1431" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1431_div" class=""></div>
          <div id="u1431_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1432" class="ax_default" data-left="580" data-top="109" data-width="331" data-height="32">

        <!-- Unnamed (矩形) -->
        <div id="u1433" class="ax_default box_1">
          <img id="u1433_img" class="img " src="images/3_1_睡眠日志/u1433.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1434" class="ax_default box_1">
          <img id="u1434_img" class="img " src="images/3_1_睡眠日志/u1434.png"/>
          <div id="u1434_text" class="text ">
            <p><span>日</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1435" class="ax_default label">
          <div id="u1435_div" class=""></div>
          <div id="u1435_text" class="text ">
            <p><span>周</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1436" class="ax_default label">
          <div id="u1436_div" class=""></div>
          <div id="u1436_text" class="text ">
            <p><span>月</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1437" class="ax_default label">
          <div id="u1437_div" class=""></div>
          <div id="u1437_text" class="text ">
            <p><span>年</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1438" class="ax_default box_3">
        <div id="u1438_div" class=""></div>
        <div id="u1438_text" class="text ">
          <p><span>&nbsp; </span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>睡眠每日精确时间柱状图</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1439" class="ax_default icon">
        <img id="u1439_img" class="img " src="images/3_1_睡眠日志/u1439.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1440" class="ax_default box_3">
        <div id="u1440_div" class=""></div>
        <div id="u1440_text" class="text ">
          <p><span>睡眠状况分析</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1441" class="ax_default box_3">
        <div id="u1441_div" class=""></div>
        <div id="u1441_text" class="text ">
          <p><span>睡眠建议</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1442" class="ax_default image">
        <img id="u1442_img" class="img " src="images/图例/u58.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1443" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1443_div" class=""></div>
        <div id="u1443_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1444" class="ax_default" data-left="690" data-top="203.5" data-width="143" data-height="62.5">

        <!-- Unnamed (组合) -->
        <div id="u1445" class="ax_default" data-left="704" data-top="203.5" data-width="74.5" data-height="47.5">

          <!-- Unnamed (图片) -->
          <div id="u1446" class="ax_default image">
            <img id="u1446_img" class="img " src="images/图例/u146.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1447" class="ax_default image">
            <img id="u1447_img" class="img " src="images/1_1_3_铃声/u784.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1448" class="ax_default image">
            <img id="u1448_img" class="img " src="images/图例/u146.png"/>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1449" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1449_div" class=""></div>
          <div id="u1449_text" class="text ">
            <p><span>左右滑动（Swipe）</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1450" class="ax_default" data-left="690" data-top="183" data-width="111" data-height="18">

        <!-- Unnamed (矩形) -->
        <div id="u1451" class="ax_default label">
          <div id="u1451_div" class=""></div>
          <div id="u1451_text" class="text ">
            <p><span>4月27日</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1452" class="ax_default image">
          <img id="u1452_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1453" class="ax_default image">
          <img id="u1453_img" class="img " src="images/3_1_睡眠日志/u1453.png"/>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u1454" class="ax_default _形状" data-label="Rectangle">
        <div id="u1454_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1455" class="ax_default" data-left="47" data-top="678" data-width="369" data-height="75">

        <!-- Rectangle (矩形) -->
        <div id="u1456" class="ax_default _形状" data-label="Rectangle">
          <div id="u1456_div" class=""></div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1457" class="ax_default image">
          <img id="u1457_img" class="img " src="images/1_0_闹钟页面/u167.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1458" class="ax_default image">
          <img id="u1458_img" class="img " src="images/1_0_闹钟页面/u168.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1459" class="ax_default image">
          <img id="u1459_img" class="img " src="images/1_0_闹钟页面/u169.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1460" class="ax_default" data-left="73" data-top="33" data-width="344" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u1461" class="ax_default" data-left="378" data-top="33" data-width="31" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u1462" class="ax_default _形状">
            <div id="u1462_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1463" class="ax_default _形状">
            <div id="u1463_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1464" class="ax_default _形状">
            <div id="u1464_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1465" class="ax_default image">
          <img id="u1465_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1466" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1466_div" class=""></div>
          <div id="u1466_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1467" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1467_div" class=""></div>
          <div id="u1467_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1468" class="ax_default" data-left="62" data-top="236" data-width="341" data-height="45">

        <!-- Unnamed (矩形) -->
        <div id="u1469" class="ax_default box_1">
          <img id="u1469_img" class="img " src="images/3_1_睡眠日志/u1469.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1470" class="ax_default" data-left="76" data-top="249" data-width="313" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1471" class="ax_default _文本段落">
            <div id="u1471_div" class=""></div>
            <div id="u1471_text" class="text ">
              <p><span>外接灯泡</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1472" class="ax_default image">
            <img id="u1472_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1473" class="ax_default _文本段落">
            <div id="u1473_div" class=""></div>
            <div id="u1473_text" class="text ">
              <p><span>开</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1474" class="ax_default" data-left="62" data-top="294" data-width="341" data-height="45">

        <!-- Unnamed (矩形) -->
        <div id="u1475" class="ax_default box_1">
          <img id="u1475_img" class="img " src="images/3_1_睡眠日志/u1469.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1476" class="ax_default" data-left="76" data-top="306" data-width="313" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1477" class="ax_default _文本段落">
            <div id="u1477_div" class=""></div>
            <div id="u1477_text" class="text ">
              <p><span>助眠音乐</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1478" class="ax_default image">
            <img id="u1478_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1479" class="ax_default" data-left="62" data-top="350" data-width="341" data-height="45">

        <!-- Unnamed (矩形) -->
        <div id="u1480" class="ax_default box_1">
          <img id="u1480_img" class="img " src="images/3_1_睡眠日志/u1469.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1481" class="ax_default" data-left="76" data-top="364" data-width="313" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1482" class="ax_default _文本段落">
            <div id="u1482_div" class=""></div>
            <div id="u1482_text" class="text ">
              <p><span>主题色彩</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1483" class="ax_default image">
            <img id="u1483_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1484" class="ax_default _文本段落">
            <div id="u1484_div" class=""></div>
            <div id="u1484_text" class="text ">
              <p><span>黑</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1485" class="ax_default" data-left="62" data-top="466" data-width="341" data-height="45">

        <!-- Unnamed (矩形) -->
        <div id="u1486" class="ax_default box_1">
          <img id="u1486_img" class="img " src="images/3_1_睡眠日志/u1469.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1487" class="ax_default" data-left="76" data-top="479" data-width="313" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1488" class="ax_default _文本段落">
            <div id="u1488_div" class=""></div>
            <div id="u1488_text" class="text ">
              <p><span>关于我们</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1489" class="ax_default image">
            <img id="u1489_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1490" class="ax_default" data-left="62" data-top="409" data-width="341" data-height="45">

        <!-- Unnamed (矩形) -->
        <div id="u1491" class="ax_default box_1">
          <img id="u1491_img" class="img " src="images/3_1_睡眠日志/u1469.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1492" class="ax_default" data-left="76" data-top="422" data-width="313" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1493" class="ax_default _文本段落">
            <div id="u1493_div" class=""></div>
            <div id="u1493_text" class="text ">
              <p><span>版权声明</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1494" class="ax_default image">
            <img id="u1494_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1495" class="ax_default" data-left="61" data-top="179" data-width="341" data-height="45">

        <!-- Unnamed (矩形) -->
        <div id="u1496" class="ax_default box_1">
          <img id="u1496_img" class="img " src="images/3_1_睡眠日志/u1469.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1497" class="ax_default" data-left="75" data-top="192" data-width="313" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1498" class="ax_default _文本段落">
            <div id="u1498_div" class=""></div>
            <div id="u1498_text" class="text ">
              <p><span>睡眠日志</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1499" class="ax_default image">
            <img id="u1499_img" class="img " src="images/1_2_闹钟响起/u1191.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1500" class="ax_default ellipse">
        <img id="u1500_img" class="img " src="images/3_1_睡眠日志/u1500.png"/>
        <div id="u1500_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1501" class="ax_default label">
        <div id="u1501_div" class=""></div>
        <div id="u1501_text" class="text ">
          <p><span>用户姓名</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1502" class="ax_default label">
        <div id="u1502_div" class=""></div>
        <div id="u1502_text" class="text ">
          <p><span>用户ID</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1503" class="ax_default" data-left="62" data-top="611" data-width="341" data-height="45">

        <!-- Unnamed (矩形) -->
        <div id="u1504" class="ax_default box_1">
          <img id="u1504_img" class="img " src="images/3_1_睡眠日志/u1504.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1505" class="ax_default" data-left="216" data-top="624" data-width="33" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u1506" class="ax_default _文本段落">
            <div id="u1506_div" class=""></div>
            <div id="u1506_text" class="text ">
              <p><span>退出</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1507" class="ax_default" data-left="385" data-top="179" data-width="228" data-height="125">

        <!-- Unnamed (图片) -->
        <div id="u1508" class="ax_default image">
          <img id="u1508_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1509" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1509_div" class=""></div>
          <div id="u1509_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1510" class="ax_default" data-left="385" data-top="199" data-width="190" data-height="10">

          <!-- Unnamed (水平线) -->
          <div id="u1511" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="188" CompoundMode="true">
            <img id="u1511_img" class="singleImg img " src="images/3_1_睡眠日志/u1511.png"/>
            <div id="u1511p000" class="ax_vector_shape" WidgetTopLeftX="-0.484536082474227" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.484536082474227" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.484536082474227" WidgetBottomLeftY="0" WidgetBottomRightX="0.484536082474227" WidgetBottomRightY="0">
              <img id="u1511p000_img" class="img " src="images/3_1_睡眠日志/u1511p000.png"/>
            </div>
            <div id="u1511p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="46.75" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="46.75" WidgetBottomRightY="0">
              <img id="u1511p001_img" class="img " src="images/1_1_5_备注/u1013p001.png"/>
            </div>
            <div id="u1511p002" class="ax_vector_shape" WidgetTopLeftX="8.36363636363636" WidgetTopLeftY="0" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="8.36363636363636" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="-0.05">
              <img id="u1511p002_img" class="img " src="images/1_1_1_叫醒任务/u482p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1512" class="ax_default _形状">
            <div id="u1512_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1513" class="ax_default" data-left="234" data-top="790" data-width="520" data-height="406">

        <!-- Unnamed (矩形) -->
        <div id="u1514" class="ax_default box_1">
          <img id="u1514_img" class="img " src="images/3_1_睡眠日志/u1514.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1515" class="ax_default _文本段落">
          <div id="u1515_div" class=""></div>
          <div id="u1515_text" class="text ">
            <p><span>功能逻辑：</span></p><p><span>睡眠日志页面放的是对用户每天，每周每月每年的睡眠统计，及对睡眠状况进行分析和建议</span></p><p><span>“睡眠状况分析”会对用户的睡眠质量进行分析并且与过去七天的睡眠进行规律性对比。</span></p><p><span>“睡眠建议”会根据用户睡眠状况分析对其进行建议。</span></p><p><span><br></span></p><p><span>交互逻辑：</span></p><p><span>单击睡眠日志选项，跳转到睡眠日志页面，点击“周月年”可查看其单击单角符-左箭头可返回更多页面，单击“周月年”可进行切换，左右滑动“睡眠每日精确时间柱状图”板块可进行以每天，每周，每月，每年的方式查看</span></p><p><span><br></span></p><p><span>业务逻辑：</span></p><p><span>睡眠建议可以帮助用户调整自己的睡眠作息，帮助用户了解自己的睡眠</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
